.image {
  transform: scale(1);
  transition: transform 0.2s ease;
  user-select: none;
}

.image:hover {
  transform: scale(1.05);
}

.placeholder {
  align-items: center;
  background: var(--color-background);
  border: 1px solid var(--color-gray-200);
  border-radius: 4px;
  color: var(--color-gray-400);
  display: flex;
  justify-content: center;
}

.error {
  color: var(--color-gray-400);
  display: flex;
  flex-direction: column;
  font-size: 12px;
  gap: 0.5rem;
  letter-spacing: 2px;
  text-align: center;
  text-transform: uppercase;
  user-select: none;

  .icon {
    font-size: 24px;
  }
}
